<template>
<div>
<!-- 1. 直接使用 -->
<div>msgReverse: {{$store.getters.msgReverse}}</div>

<!-- 2. mapGetters -->
<div>msgReverse: {{msgReverse}}</div>

<!-- 3. 映射别名 -->
<div>msgReverseAlias: {{msgReverseAlias}}</div>

</div>
</template>

<script>
import { mapGetters} from 'vuex'
export default {
    name: "Getter",
    computed:{
        ...mapGetters(['msgReverse']),
        // 映射别名
        ...mapGetters({
            msgReverseAlias: 'msgReverse'
        })
    }
}
</script>